/*
*类描述：组织机构表格数据
*开发者：ZL
*创建时间：2018-8-14 14:42:36
*/
var test_data =[];
var path=application.contextPath;
var columns = [
	//  {
	//     checkbox: true,选择框
	//     visible: true
	// },
	{
    field: 'id',
    title: '序号',
    sortable: true
},{
    field: 'orgName',
    title: '城市',
    sortable: true
},{
    field: 'operator',
    title: '操作',
        width:"14%",
        formatter: operateFormatter
}]
$(function () {
	$('#test_table').bootstrapTable({
        url:path+'/query/queryTable',         //请求后台的URL（*）
      //  search:true,                        //搜索框
        method: 'get',                      //请求方式（*）
		striped: false,                     //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		sortable: false,                     //是否启用排序
		sortOrder: "asc",                   //排序方式
		clickToSelect: true,                //是否启用点击选中行
		// height: 460,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
		uniqueId: "id",                     //每一行的唯一标识，一般为主键列
		showColumns: true,					//是否显示内容列下拉框。
		showJumpto: true,
		checkboxHeader: false,				//设置 false 将在列头隐藏全选复选框。
		selectItemName: "id",				//radio 或者 checkbox 的字段 name 名
		pagination: true,					//设置是否分页
		sidePagination: "server",			//设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置服务器数据地址（url）或者重写ajax方法。
		pageNumber: 1,						//如果设置了分页，首页页码。
		pageSize: 2,						//如果设置了分页，页面数据条数。
		pageList: [2,5,10],				//如果设置了分页，设置可供选择的页面数据条数。设置为 All 或者 Unlimited，则显示所有记录。
		showRefresh: true,               //是否显示刷新按钮。点击之后将会触发onRefresh事件
        showToggle: true,
		silentSort: true,					//设置为 false 将在点击分页按钮时，自动记住排序项。仅在 sidePagination设置为 server时生效。
		columns: columns,					//列配置项
        //得到查询的参数
        queryParams : function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                size: params.limit,                         //页面大小
                page: (params.offset / params.limit) + 1,   //页码
                //key: value,      //网后台传的参数
            };
            return temp;
        },
        onLoadSuccess: function(data){  //加载成功时执行
            if(!data.isSuccess){
                alert("加载失败"+data.message);
            }else {
                $("#test_table").bootstrapTable("load",data.data)//加载成功时添加数据
            }

        },
        onLoadError: function(data){  //请求没有发送到后台时错误
            // alert("请求发送失败"+data);
        },
	});
});






//操作中的按钮样式
function operateFormatter (value, row, index) {
	var id = row.id;
	var result = "";
	result += "<div class='icon-container  col-md-1 col-lg-1 mr-12 ' onclick=\"getId('" + id + "')\" title='详情'><i class='fa fa-eye text-inverse'></i></div>";
    result += "<div class='icon-container  col-md-1 col-lg-1 mr-12 ' onclick=\"getId('" + id + "')\" title='添加'><i class='fa fa-plus text-inverse  '></i></div>";
    result += "<div class='icon-container  col-md-1 col-lg-1  mr-12 ' onclick=\"getId('" + id + "')\" title='删除'><i class='fa fa-minus text-inverse  '></i></div>";
    result += "<div class='icon-container  col-md-1 col-lg-1   'onclick=\"getId('" + id + "')\"  title='编辑'><i class='fa fa-pencil text-inverse  '></i></div>";
	return result;
} ;
//获取表格中ID
function getId(id) {
	alert(id)
}